export const invertedTriangle = (
  width = '15px',
  height = '10px',
  color = '#fff'
) => {
  return `<svg width="${width}" height="${height}" viewBox="0 0 15 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(-341.000000, -130.000000)" fill="${color}">
            <g transform="translate(0.000000, 88.000000)">
                <path d="M354.124251,39.2328574 L354.644998,48.5909824 C354.675684,49.142414 354.253535,49.614313 353.702104,49.6449983 C353.665092,49.6470579 353.627994,49.6470579 353.590982,49.6449983 L344.232857,49.1242508 C343.681426,49.0935656 343.259277,48.6216666 343.289963,48.0702349 C343.303631,47.8246095 343.407359,47.5926409 343.581311,47.4186887 L352.418689,38.5813113 C352.809213,38.190787 353.442378,38.190787 353.832902,38.5813113 C354.006854,38.7552634 354.110583,38.987232 354.124251,39.2328574 Z" transform="translate(348.353553, 43.353553) rotate(-315.000000) translate(-348.353553, -43.353553) "></path>
            </g>
        </g>
    </g>
</svg>`
}

export const arrow = (width = '13px', height = '22px', color = '#191919') => {
  return `<svg width="${width}" height="${height}" viewBox="0 0 13 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(-665.000000, -1375.000000)" fill="${color}">
            <g transform="translate(526.000000, 1168.000000)">
                <g transform="translate(46.000000, 202.000000)">
                    <g transform="translate(84.000000, 0.000000)">
                        <path d="M20.2513333,26.8516 L10.3433333,16.9422667 C9.82333333,16.4222667 9.82333333,15.5782667 10.3433333,15.0569333 L20.2513333,5.14893333 C20.506,4.89293333 20.9206667,4.89293333 21.1753333,5.14893333 L21.1846667,5.15693333 C21.966,5.93826667 21.966,7.20493333 21.1846667,7.98626667 L13.6433333,15.5289333 C13.3833333,15.7889333 13.3833333,16.2116 13.6433333,16.4716 L21.1846667,24.0142667 C21.966,24.7956 21.966,26.0609333 21.1846667,26.8422667 L21.1753333,26.8516 C20.9206667,27.1062667 20.506,27.1062667 20.2513333,26.8516" transform="translate(15.862000, 15.999767) scale(-1, 1) translate(-15.862000, -15.999767) "></path>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>`
}
